<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="ibox-title">
            <h5>会员中心</h5>
        </div>
        <!-- 会员基本信息 -->
        <div class="ibox-content">
            <div class="row">
                <div class="col-md-2">
                    <img src="/static/img/logo.png" alt="会员头像" class="img-circle m-t-xs img-responsive" width="150">
                </div>
                <div class="col-md-10">
                    <div class="profile-info clearfix">
                        <div class="info-item">
                            <div class="info-label">会员ID:</div>
                            <div class="info-value">{$member.id|default='未设置'}</div>
                        </div>
                        <div class="info-item">
                            <div class="info-label">会员等级:</div>
                            <div class="info-value">{$member.level_name|default='普通会员'}</div>
                        </div>
                        <div class="info-item">
                            <div class="info-label">注册时间:</div>
                            <div class="info-value">{$member.create_time|default='未设置'}</div>
                        </div>
                        <div class="info-item">
                            <div class="info-label">最后登录:</div>
                            <div class="info-value">{$member.last_login|default='未设置'}</div>
                        </div>
                        <div class="info-item">
                            <div class="info-label">账户状态:</div>
                            <div class="info-value">
                                {if condition="$member.is_activation eq 1"}
                                <span style="color: green;">正常</span>
                                {else/}
                                <span style="color: red;">禁用</span>
                                {/if}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 基本资料信息 -->
        <div class="">
            <!-- 基本资料信息 -->
            <div class="ibox-title">
                基本资料信息

                <div class="ibox-tools">
                    <a class="ajax-open" href="{:url('Member/editInfo')}" width="800" height="600" title="修改资料">修改</a>
                </div>
            </div>
            <div class="ibox-content">

                <div class="info-item">
                    <div class="info-label">用户名:</div>
                    <div class="info-value">{$member.username|default=''}</div>
                </div>
                <div class="info-item">
                    <div class="info-label">昵称:</div>
                    <div class="info-value">{$member.nickname|default='未设置'}</div>
                </div>
                <div class="info-item">
                    <div class="info-label">手机号:</div>
                    <div class="info-value">{$member.mobile|default='未设置'}</div>
                </div>
                <div class="info-item">
                    <div class="info-label">邮箱:</div>
                    <div class="info-value">{$member.email|default='未设置'}</div>
                </div>
                <div class="info-item">
                    <div class="info-label">性别:</div>
                    <div class="info-value">
                        {if condition="$member.real_status eq 1"}
                        男
                        {elseif condition="$member.real_status eq 2"/}
                        女
                        {else/}
                        保密
                        {/if}
                    </div>
                </div>
                <div class="info-item">
                    <div class="info-label">生日:</div>
                    <div class="info-value">{$member.birthday|default='未设置'}</div>
                </div>
            </div>
        </div>
        <!-- 会员权益 -->
        <div class="ibox-title">会员权益</div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-sm-3">
                    <div class="widget navy-bg">
                        <div class="row">
                            <div class="col-xs-4 text-center">
                                <i class="fa fa-trophy fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 积分余额 </span>
                                <h2 class="font-bold">¥ 4,232</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-cloud fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 优惠券 </span>
                                <h2 class="font-bold">26'C</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 lazur-bg">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-envelope-o fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 账户余额 </span>
                                <h2 class="font-bold">260</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 yellow-bg">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-music fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 成长值 </span>
                                <h2 class="font-bold">12</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .info-item {
        margin-bottom: 10px;
    }

    .info-label {
        display: inline-block;
        width: 100px;
        text-align: left;
        float: left;
    }

    .info-value {
        display: inline-block;
        width: calc(100% - 100px);
    }

    .profile-info {
        margin-top: 20px;
    }

    .clearfix {
        clear: both;
        height: 0;
    }
</style>